<%-- $Id: list_s.jsp 153 2011-07-26 02:44:06Z bs24event@gmail.com $ --%><%--
--%><%@page pageEncoding="UTF-8"%><%--
--%><%@ include file="/common/common.jsp"%><%--
--%><!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="robots" content="noindex,nofollow" />
<meta name="viewport" content="width=device-width , user-scalable=no" />
<link rel="stylesheet" href="/css/base_s.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />
<script src="/js/jquery-1.6.1.min.js"></script>
<script src="/js/jquery.mobile-1.0b1.min.js"></script>
<title>Gyoujibook イベント一覧</title>
	<script type="text/javascript">
	$(function(){
		$('.thumbnail img').hide();
	});
	var i = 0;
	var int=0;
	$(window).bind("load", function() {
		var int=setInterval("doThis(i)",300);
	});
	function doThis() {
		var imgs = $('.thumbnail img').length;
		if (i >= imgs) {
			clearInterval(int);
		}
		$('.thumbnail img:hidden').eq(0).fadeIn(300);
		i++;
	}
	</script>
</head>
<body>
<div data-role="page" data-theme="b">
	<%-- ヘッダー --%>
	<%@ include file="/common/header_s.jsp"%>
	<%-- コンテンツ --%>
	<div id="content" data-role="content">
		<ul data-role="listview">
		<li data-role="list-divider">これからのイベント</li>
		<c:forEach var="event" items="${futureEventList}">
			<li>
				<a href="/event/detail?key=${f:h(event.key)}&version=${event.version}" data-ajax="false">
				<p><c:out value="${f:h(event.title)}"/></p>
				<p class="ui-li-aside"><fmt:formatDate value="${event.eventDate}" pattern="yyyy/MM/dd" /></p>
				</a>
			</li>
		</c:forEach>
		<c:if test="${empty futureEventList}">
			<li><p>今後のイベントは未定です</p></li>
		</c:if>
		<c:if test="${not empty pastEventList}">
		<li data-role="list-divider">過去のイベント</li>
		<c:forEach var="event" items="${pastEventList}">
			<li>
				<a href="/event/detail?key=${f:h(event.key)}&version=${event.version}" data-ajax="false">
				<p><c:out value="${f:h(event.title)}"/></p>
				<p class="ui-li-aside"><fmt:formatDate value="${event.eventDate}" pattern="yyyy/MM/dd" /></p>
				</a>
			</li>
		</c:forEach>
		</c:if>
		</ul>
	</div><!-- contents end -->
	<%-- フッター --%>
	<%@ include file="/common/footer_s.jsp"%>
</div><!-- top end -->
</body>
</html>